<template>
  <a-modal
    :visible="previewVisible"
    :footer="null"
    @cancel="handleCancel"
    :bodyStyle="{ 
        borderRadius:'20px'
    }"
    :dialogStyle="{ 
        borderRadius:'20px'
    }" 
  >
    <img
      alt="example"
      style="width: 100%"
      :src="previewImage"
    />
    <!-- <span slot="closeIcon"> 
      <img
        style="margin-top:-40px"
        src="@/assets/images/modal/x.png"
      >
    </span> -->

  </a-modal>
</template>

<script>
export default {
  data() {
    return {
      previewVisible: false,
      previewImage: "",
    };
  },
  methods: {
    handleCancel() {
      this.previewVisible = false;
    },
    open(url) {
      this.previewVisible = true;
      this.previewImage = url;
    },
  },
};
</script>

<style lang="less" scoped>
</style>